<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="Registrar Investigador"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <h:panelGroup id="messagePanel" layout="block">
                <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
            </h:panelGroup>
            <h:form>
                <rich:tabPanel switchType="client">
                    <rich:tab header="Información General">
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Nombres" for="nombres" />
                            <h:inputText id="nombres" value="#{investigadorController.selected.nombres}" required="true" requiredMessage="Se requiere el nombre"/>
                            <h:outputLabel value="Apellidos" for="apellidos" />
                            <h:inputText id="apellidos" value="#{investigadorController.selected.apellidos}"  /> 
                            <h:outputLabel value="Tipo de Identificación" for="tipoidentificacion" />
                            <rich:select id="tipoidentificacion" value="#{investigadorController.selected.tipoidentificacion}" >
                                <f:selectItems value="#{tipoidentificacionController.itemsAvailableSelectOne}"/>
                            </rich:select>
                            <h:outputLabel value="Número de Identificación" for="numIdentificacion" />
                            <h:inputText id="numIdentificacion" value="#{investigadorController.selected.numIdentificacion}" />
                            <h:outputLabel value="País de Nacimiento" for="paisnacimiento" />
                            <rich:select id="paisnacimiento" value="#{investigadorController.selected.pais1}"  >
                                <f:selectItems value="#{paisController.itemsAvailableSelectOne}"/>                        
                            </rich:select>
                            <h:outputLabel value="Usuario" for="usuario" />
                            <h:inputText id="usuario" value="#{investigadorController.selected.usuario}" />
                            <h:outputLabel value="Contraseña" for="password" />
                            <h:inputSecret id="password" value="#{investigadorController.selected.password}"  />
                            <h:outputLabel value="Correo Electrónico" for="mail" />
                            <h:inputText id="mail" value="#{investigadorController.selected.mail}"  />
                        </h:panelGrid>
                        <br/>
                        <rich:panel header="Ubicación Actual" style="width:350px;" >
                            <h:panelGrid columns="2">
                                <h:outputLabel value="País" for="pais" />
                                <rich:select id="pais" value="#{investigadorController.selected.pais}" valueChangeListener="#{paisController.cambioPaisListener}"  >
                                    <f:selectItems value="#{paisController.itemsAvailableSelectOne}"/>
                                    <a4j:ajax event="selectitem" render="departamento" execute="@this" />
                                </rich:select>
                                <h:outputLabel value="Departamento" for="departamento" />
                                <rich:select id="departamento" value="#{investigadorController.selected.departamento}"  valueChangeListener="#{departamentoController.cambioPaisListener}">
                                    <f:selectItems value="#{paisController.itemsAvailableSelectOneByPais}"/>
                                    <a4j:ajax event="selectitem" render="municipio" execute="@this" />
                                </rich:select>
                                <h:outputLabel value="Municipio" for="municipio" />
                                <rich:select id="municipio" value="#{investigadorController.selected.municipio}"  >
                                    <f:selectItems value="#{departamentoController.itemsAvailableSelectOneByDepto}"/>
                                </rich:select>
                            </h:panelGrid>
                        </rich:panel>
                        <br/>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Dirección" for="direccion" />
                            <h:inputTextarea id="direccion" value="#{investigadorController.selected.direccion}"  />
                            <h:outputLabel value="Teléfono" for="telefono" />
                            <h:inputText id="telefono" value="#{investigadorController.selected.telefono}"  />
                            <h:outputLabel value="Fax" for="fax" />
                            <h:inputText id="fax" value="#{investigadorController.selected.fax}"  />
                        </h:panelGrid>
                    </rich:tab>
                    <rich:tab header="Formación" >
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Nivel de Formación" for="nivelformacion" />
                            <rich:select id="nivelformacion" value="#{investigadorController.selected.nivelformacion}"  >
                                <f:selectItems value="#{nivelformacionController.itemsAvailableSelectOne}"/>
                            </rich:select>
                        </h:panelGrid>
                        <br/>
                        <rich:panel header="Formación Profesional" style="width:350px;">
                            <h:panelGrid columns="2">
                                <h:outputLabel value="Título Pregrado"/>
                                <h:inputTextarea value="#{investigadorController.selected.tituloPregrado}"/>
                                <h:outputLabel value="Universidad"/>
                                <h:inputTextarea value="#{investigadorController.selected.universidadPregrado}"/>
                                <h:outputLabel value="País" />
                                <rich:select  value="#{investigadorController.selected.pais2}"  >
                                    <f:selectItems value="#{paisController.itemsAvailableSelectOne}"/>                        
                                </rich:select>
                            </h:panelGrid>
                        </rich:panel>
                        <br/>
                        <rich:panel header="Formación de Posgrado" style="width:350px;">
                            <h:panelGrid columns="2">
                                <h:outputLabel value="Título Posgrado"/>
                                <h:inputTextarea value="#{investigadorController.selected.tituloPostgrado}"/>
                                <h:outputLabel value="Universidad"/>
                                <h:inputTextarea value="#{investigadorController.selected.universidadPostgrado}"/>
                                <h:outputLabel value="País" />
                                <rich:select  value="#{investigadorController.selected.pais3}"  >
                                    <f:selectItems value="#{paisController.itemsAvailableSelectOne}"/>                        
                                </rich:select>
                            </h:panelGrid>
                        </rich:panel>                        
                    </rich:tab>
                </rich:tabPanel>
                <br />
                <h:commandLink action="#{investigadorController.create}" value="Guardar" />
            </h:form>
        </ui:define>
    </ui:composition>

</html>
